<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>



    <script src="js/main.js"></script>
    <script src="js/wow.min.js"></script>
    <script>
            new WOW().init();
    </script>
    <script src="swiper/js/swiper.min.js"></script>
    <script src="js/jquery-1.11.0.min.js"></script>



    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet" href="swiper/css/swiper.min.css">


</head>
<body>
    <!-- 这是header -->
    <div class="header">
        <div class="logo"><img src="assets/header/logo .png" alt=""></div>
        <div class="nav">
                <ul>
                    <li>
                        <a class="links" href="index.html">首页</a>
                        <ul>
                            <li><img src="assets/header/标示线.png" alt=""></li>
                        </ul>
                    </li>
                    <li>
                        <a class="links active" href="product.html">产品中心</a>
                        <ul>
                            <li><img src="assets/header/标示线.png" alt=""></li>
                        </ul>
                    </li>
                    <li>
                        <a class="links" href="solution.html">解决方案</a>
                        <ul>
                            <li><img src="assets/header/标示线.png" alt=""></li>
                        </ul>
                    </li>
                    <li>
                        <a class="links" href="honor.html">资质荣誉</a>
                        <ul>
                            <li><img src="assets/header/标示线.png" alt=""></li>
                        </ul>
                    </li>
                    <li>
                        <a class="links" href="succeed.html">成功案例</a>
                        <ul>
                            <li><img src="assets/header/标示线.png" alt=""></li>
                        </ul>
                    </li>
                    <li>
                        <a class="links" href="cooprate.html">商务合作</a>
                        <ul>
                            <li><img src="assets/header/标示线.png" alt=""></li>
                        </ul>
                    </li>
                    <li>
                        <a class="links" href="trying.html">产品试用</a>
                        <ul>
                            <li><img src="assets/header/标示线.png" alt=""></li>
                        </ul>
                    </li>
                </ul>
            </div>
        <div class="aqwk">
            <img src="assets/header/文库.png" alt="">
            <p class="contactUs">联系：0315-801-8066</p>
        </div>
    </div>
    <!-- 链接标识 -->
    <div class="linkDownPic"><img src="assets/header/标示线.png" alt=""></div>
    <div class="bannerPic">
        <img src="assets/product/banner.png" alt="">
    </div>
    <!-- 第一篇文章 -->
    <div class="proFirstCont mid animated wow fadeInRight" data-wow-offset="50" data-wow-delay="1s">
        <p style="
        font-size:1.5rem;
        font-family:MicrosoftYaHei;
        font-weight:bold;">我们能解决的核心痛点</p>
        <p class="littleDash"></p>
        <p style="
        height:0.56rem;
        font-size:0.75rem;
        font-family:ArialMT;
        font-weight:400;
        color:rgba(153,153,153,1);
        margin:1rem;">Core pain point</p>
        <div class="proFirstContList">
            <ul>
                <li>
                    <img src="assets/product/icon-01未点击状态.png" alt="">
                    <p class="pFCLTitle">掌握企业安全管理现状</p>
                    <p class="pFCLContent">综合、全方位、直观反映企业安全管理
                            现状、为领导层决策提供准确
                            的第一手资料</p>
                </li>
                <li>
                    <img src="assets/product/icon-02未点击状态.png" alt="">
                    <p class="pFCLTitle">建立安全管理评价标准</p>
                    <p class="pFCLContent">建立安全管理现状和评估标准体系，预
                            测未来短期的企业安全生产状为
                            安全生产制度完善提供指导</p>
                </li>
                <li>
                    <img src="assets/product/icon-03未点击状态.png" alt="">
                    <p class="pFCLTitle">构建企业安全管理架构</p>
                    <p class="pFCLContent">通过安全信息化方案的实施，建立和体
                            系化企业安全管理大架构，为
                            后期持续的安全管理提升
                            奠定坚实基础</p>
                </li>
                <li>
                    <img src="assets/product/icon-04未点击状态.png" alt="">
                    <p class="pFCLTitle">固化安全生产管理方法</p>
                    <p class="pFCLContent">构建体系，固化流程，避免人为因素或
                            干扰波动的影响，实现隐患排查
                            闭环管理，建立隐患排查
                            治理标准化</p>
                </li>
            </ul>
        </div>
    </div>
    <!-- 第二篇 -->
    <div class="proFirstCont mid animated wow fadeInRight" data-wow-offset="50" data-wow-delay="1s">
        <p style="
        font-size:1.5rem;
        font-family:MicrosoftYaHei;
        font-weight:bold;">适用场景/客户案例</p>
        <p class="littleDash"></p>
        <p style="width:59.94rem;
        height:3.06rem;
        font-size:0.75rem;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(153,153,153,1);
        line-height:1.13rem;
        margin-top: 1rem;">
        我们首先会介绍业务架构的元模型，并使用模型的元素及其关联关系定义业务域和问题域。然后我们采用领域驱动设计的方式去理解复杂的业务域，
        并帮助我们创建技术解决方案。随后，我们将会引入微服务这种新的架构范式，对其进行剖析并简单阐述其优势和不足。我们还会分析使用微服务来实现MDM Data Hub的适用情况。
        后，我们会讨论针对大容量数据的计算密集型任务时，基于微服务的架构所面临的局限性，探讨这种架构风格是否适用于这种类型的应用。
        </p>
    </div>

    <!-- 第三部分图 -->
    <div class="proThirdCont mid animated wow fadeInRight" data-wow-offset="50" data-wow-delay="1s">
        <img src="assets/product/imgAfter.png" id="imgAfter" alt="">
        <img src="assets/product/imgBefore.png" id="imgBefore" alt="">
    </div>
    <!-- 第四部分 -->
    <div class="proFirstCont mid animated wow fadeInRight" data-wow-offset="50" data-wow-delay="1s">
            <p style="
            font-size:1.5rem;
            font-family:MicrosoftYaHei;
            font-weight:bold;">总体架构</p>
            <p class="littleDash"></p>
            <p style="
            margin:1rem;
            height:0.56rem;
            font-size:0.75rem;
            font-family:ArialMT;
            font-weight:400;
            color:rgba(153,153,153,1);">Overall architecture</p>
            <div class="mid">
                <img src="assets/product/产品中心_03.png" alt="">
            </div>
    </div>
    <!-- 第五部分 -->
    <div class="proFirstCont mid animated wow fadeInRight" data-wow-offset="50" data-wow-delay="1s">
        <p style="
        font-size:1.5rem;
        font-family:MicrosoftYaHei;
        font-weight:bold;">功能要点</p>
        <p class="littleDash"></p>
        <p style="
        margin:1rem;
        height:0.56rem;
        font-size:0.75rem;
        font-family:ArialMT;
        font-weight:400;
        color:rgba(153,153,153,1);">Function points</p>
        <div class="fifthList">
            <ul>
                <li>
                    <div class="imgProFifth">
                        <img src="assets/product/1.png" alt="">
                        <p class="proFifthTitle">安全检查与隐患排查</p>
                    </div>
                    <p class="proFifthContent">
                        一企一标准、一岗一清单
                        PDCA隐患排查闭环治理
                        隐患状态动态跟踪
                        隐患记录可追可循
                        隐患报表清晰直观
                    </p>
                </li>
                <li>
                    <div class="imgProFifth">
                        <img src="assets/product/2.png" alt="">
                        <p class="proFifthTitle">安全风险分级管控</p>
                    </div>
                    <p class="proFifthContent">
                        全方位、全过程辨识生产工艺、设备设施、
                        作业环境和人员行为等方面存在的安全风险，
                        摸清危险、有害因素底数，对辨识出的安全
                        风险按照红、橙、黄、蓝4个等级
                    </p>
                </li>
                <li>
                    <div class="imgProFifth">
                        <img src="assets/product/3.png" alt="">
                        <p class="proFifthTitle">安全生产预测预警</p>
                    </div>
                    <p class="proFifthContent">
                        预警值+预测值
                        基于系统台账数据
                        开放式、层次化的预警指标
                        量化统计分析
                        系数修正
                        形成预警指数   
                    </p>
                </li>
                <li>
                    <div class="imgProFifth">
                        <img src="assets/product/4.png" alt="">
                        <p class="proFifthTitle">安全生产专业管理</p>
                    </div>
                    <p class="proFifthContent">
                        打造行业尖端基于云服务的全面专业的知识库
                        多渠道统一知识平台符合行业最新体系要求功
                        能丰富、扎实落地的知识管理系统
                    </p>
                </li>
                <li>
                    <div class="imgProFifth">
                        <img src="assets/product/5.png" alt="">
                        <p class="proFifthTitle">集团安全综合监管</p>
                    </div>
                    <p class="proFifthContent">
                        主要对集体下多个安全数据分类汇总，综合、
                        全方位、直观反映集团企业各个机构安全管
                        理现状；
                    </p>
                </li>
            </ul>
            <ul>
                <li>
                    <div class="imgProFifth">
                        <img src="assets/product/6.png" alt="">
                        <p class="proFifthTitle">接口管理大数据分析</p>
                    </div>
                    <p class="proFifthContent">
                        系统预留接口，可配置交互接口平台，安全
                        生产监管系统，消防安全监控系统，交通安
                        全监管系统，质量环保控制监控系统，重大
                        危险源监控系统。
                    </p>
                </li>
                <li>
                    <div class="imgProFifth">
                        <img src="assets/product/7.png" alt="">
                        <p class="proFifthTitle">应急综合管理</p>
                    </div>
                    <p class="proFifthContent">
                        通过信息化手段，实现合理规范的资源配备
                        和强有力的应急力量支撑，应急事件及时联
                        动报警处理。
                    </p>
                </li>
                <li>
                    <div class="imgProFifth">
                        <img src="assets/product/8.png" alt="">
                        <p class="proFifthTitle">安全综合监控</p>
                    </div>
                    <p class="proFifthContent">
                        借助物联网技术，智能数据采集，大数据
                        分析，形成重大危险预警上报，警情多终
                        端推送，辅助应急指挥调度，实现预防为
                        主，综合治理目标；
                    </p>
                </li>
                <li>
                    <div class="imgProFifth">
                        <img src="assets/product/9.png" alt="">
                        <p class="proFifthTitle">安全教育培训</p>
                    </div>
                    <p class="proFifthContent">
                        员工在线安全教育学习系统自主推送企业安全
                        管理针对性的在线培训教育课程安全教育个性
                        化定制和组合全方位安全培训学习计划制定与
                        跟踪
                    </p>
                </li>
                <li>
                    <div class="imgProFifth">
                        <img src="assets/product/10.png" alt="">
                        <p class="proFifthTitle">云服务提供能力</p>
                    </div>
                    <p class="proFifthContent">
                        双路市电与UPS组合相隔离市电与柴发自动切换
                        独立网络双外线路由
                        安全保障国际T3+级/国家A级
                        机柜功率密度4~10KW可定制7×24×365服务
                        15分钟内快速响应
                    </p>
                </li>
            </ul>
        </div>
    </div>
    <div class="mid">
        <div class="seemore">查看更多</div>
    </div>




        <!-- 这是footer -->
    <div class="footer animated wow fadeInUp">
        <div class="footerHeart">
            <div class="footerContent">
                <div class="qrcode">
                    <div class="wx">
                        <p style="height:1rem;
                        font-size:1rem;
                        font-family:MicrosoftYaHei;
                        font-weight:400;
                        color:rgba(245,245,245,1);
                        line-height:1.13rem;">官方微信</p>
                        <img src="assets/footer/微信二维码.png" alt="">
                    </div>
                    <div class="qq">
                        <p style="height:1rem;
                        font-size:1rem;
                        font-family:MicrosoftYaHei;
                        font-weight:400;
                        color:rgba(245,245,245,1);
                        line-height:1.13rem;">APP下载</p>
                        <img src="assets/footer/app下载.png" alt="">
                    </div>
                    <div class="hrefs">
                        <p style="
                        height:1rem;
                        font-size:1rem;
                        color:rgba(255,255,255,1);">网站链接</p>
                        <p style="
                        height:0.81rem;
                        font-size:0.75rem;
                        color:rgba(215,215,215,1);">北京首钢自动化有限公司（官网）</p>
                        <p style="
                        height:0.81rem;
                        font-size:0.75rem;
                        color:rgba(215,215,215,1);">后台系统登录</p>
                    </div>
                </div>    
                <div class="infomation">
                    <span>服务热线</span>
                    <span>商务合作</span>
                </div>
                <div class="fgx"></div>
                <div class="footerContList">
                    <ul>
                        <li>电话：0315-8018066</li>
                        <li>24小时在线帮助</li>
                    </ul>
                    <ul>
                        <li>邮箱：xiaohan@shougang.com.cn</li>
                        <li>地址：北京市石景山区石门路1号</li>
                    </ul>
                </div>
            </div>
            <!-- <img src="assets/footer/Message.png" alt=""> -->
            <!-- 获客表单 -->
            <!-- 获客表单 -->
            <div class="staticForm  animated wow fadeInRight"  data-wow-offset="50" data-wow-delay="1s">
                <!-- <form action="http://192.168.147.32:8080/srp/mh/mh-register!add.action" method="POST"> -->
                    <div class="inLine">
                        <input type="text" name="personName" id="name" placeholder="姓名">
                        <input type="email" name="email" id="email" placeholder="邮箱">
                    </div>
                    <div class="inLine">
                        <input type="tel" name="telephone" id="tel" placeholder="电话">
                        <input type="text" name="company" id="company" placeholder="公司">
                    </div>
                   
                    <textarea name="need" id="needed" cols="47" rows="10" placeholder="需求说明"></textarea>
                    <input style="border:none;margin: 1rem;" type="button" onclick="submit()" value="发送留言">
                <!-- </form> -->
            </div>
        </div>
        <div class="bbbb">
                Copyright © 2018 shougang.com.cn, All Rights Reserved © 2018中国·首钢集团
        </div>
    </div>
    <div class="qqwxwb"  >
            <ul class="qwbli">
                <li onmouseover="changeSlide(true);">
                    <img src="assets/slider/在线咨询.png" alt="">
                    <p>在线咨询</p>
                </li>
                <li onmouseover="changeSlide(true);">
                    <img src="assets/slider/电话咨询.png" alt="">
                    <p>电话咨询</p>
                </li>
                <li onmouseover="changeSlide(true);"">
                        <img src="assets/slider/微信咨询.png" alt="">
                        <p>微信咨询</p>
                    </li>
                <li onclick="toTop()">
                    <img src="assets/slider/top.png" alt="">
                    <p>回到顶部</p>
                </li>
            </ul>
            <ul class="qwbhover">
                <li onmouseout="changeSlide(false);"  onclick="javascript:window.open('http://b.qq.com/webc.htm?new=0&sid=1019731987&o=首安云官网&q=7', '_blank', 'height=502, width=644,toolbar=no,scrollbars=no,menubar=no,status=no');" >qq在线咨询</li>
                <li onmouseout="changeSlide(false);">0315-8018066</li>
                <li onmouseout="changeSlide(false);">扫一扫关注<br/>微信公众号</li>
                <li onclick="toTop()" style="
                width: 4rem;
                height: 4rem;
                background-color: rgba(0,0,0,0.68);
                display: flex;
                justify-content: center;
                align-items: center;
                margin: 1rem;
                flex-direction: column;
                color: #fff;
                font-size: 0.88rem;
                margin-left: 6rem;
                cursor: pointer;"
                >
                    <img src="assets/slider/top.png" alt="">
                    <p>回到顶部</p>
                </li>
                <li><div style="
                    position:relative;
                    top: -250%;
                    margin-right: 16rem;
                    "><img src="assets/slider/矩形7.png" alt=""></div></li>
            </ul>
            
            
        </div>
</body>
</html>